@charset "utf-8";
@import "reset";
.xiagu{
    width: 100%;
    margin: 0 auto;
    background: #f7f7f5;
    .shanglu{
        display: inline-block;
        width: 100%;
        height: 45px;
        background: #2f2f2f;
        
        .daohanglan{
            width: 1200px;
            margin: 0 auto;
            height: 44px;
            .vivo{
                float: left;
                line-height: 44px;
                a{
                    color: #008ddc;
                }
            }
            .sousuo{
                float: right;                
                margin-right: 10px;
                line-height: 50px;
                li{
                    display: inline-block;
                }
                li:nth-child(1){
                    margin-right: 50px;
                }
            }
            .shangzhong{
                width: 60%;
                margin: 0 auto;
                .daohanglanzhongjian{
                height: 44px;
                font-size: 0;
                line-height: 44px;
                li:nth-child(1){
                    width: 123px;
                    text-align: center;
                }
                li:nth-child(2){
                    width: 96px;
                    text-align: center;
                }
                li:nth-child(3){
                    width: 95px;
                    text-align: center;
                }
                li:nth-child(4){
                    width: 87px;
                    text-align: center;
                }
                li:nth-child(5){
                    width: 143px;
                    text-align: center;
                }
                li:nth-child(6){
                    width: 88px;
                    text-align: center;
                }
                li:nth-child(7){
                    width: 88px;
                    text-align: center;
                }
                li{
            display: inline-block;
            a{
                color: #ffffff;
                font-size: 14px;
            }
        } 
                }
            }
            
        }
       
        
    }
    
    .guanfangshangcheng{
        text-align: center;
        margin-top: 44px;
    }
    .guanfang{
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        
        .bangzhu{
            float: right;
            li{
                float: left;
                
                a{
                    color: black;
                }
            }
            li:nth-child(1){
                margin-right: 35px;
            }
            li:nth-child(2){
                margin-right: 75px;
            }
        }
        .guanfangshangchengxiamian{
        margin: 0 auto;
        width: 600px;
        
        a{
            color: black;
        }        
        li{
            display: inline-block;
        }
        li:nth-child(1){
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -1 -47px;
                    background-image: url(../img/iconfont.png);
                }
        }
        li:nth-child(2){
            margin-left: 38px;
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -37 -48px;
                    background-image: url(../img/iconfont.png);
                }
        }
        li:nth-child(3){
            margin-left: 39px;
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -37 -10px;
                    background-image: url(../img/iconfont.png);
                }
        }
        li:nth-child(4){
            margin-left: 38px;
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -1 -9px;
                    background-image: url(../img/iconfont.png);
                }
        }
        
    }
    }
    .zhonglu{
        width: 100%;
        margin: 0 auto;
        background: white;
        margin-top: 20px;
        .zuoshang{
            width: 1200px;
            margin: 0 auto;
            line-height: 72px;
            a{
            color: black;
            font-size: 13px;
            }
            a:nth-child(3){
                color: #999999;
            }
        }
        .zhong{
            width: 1200px;
            margin: 0 auto;
            .zhongluyou{
            float: right;
            width: 508px;
            margin: 0 auto;
            h1{
                font-size: 32px;
                margin-top: 10px;
                height: 40px;
                line-height: 1px;
            }
                p{
                    font-size: 14px;
                    display: block;
                    line-height: 24px;
                    font-size: 14px;
                    color: #333;
                }
                .xian{
                    height: 1px;
                    background: #e4e4e4;
                    margin-top: 20px;
                    margin-bottom: 30px;
                }
            }
            .zhongzhong{
                margin-bottom: 20px;
                width: 508px;
                border-bottom:1px solid #e0e0e0;
                padding: 40px 0 37px;
                .zuo{
                    border-right:1px solid #e0e0e0;
                    width: 198px;
                    text-align: left;
                        span:nth-child(1){
                        color: #f51200;
                        font-size: 40px;
                    }
                    span:nth-child(3){
                        color: #d7d7d7;
                        font-size: 20px;
                        text-decoration:line-through;
                    }
                }
                .you{
                    float: right;
                    width: 310px;
                    text-align: left;
                    .jifen{
                        width: 274px;
                        margin: 0 auto;
                        li:nth-child(1){
                            span:nth-child(1){
                                color: white;
                                background: url(../img/vivoicon.png)0 0 no-repeat;
                                font-size: 12px;
                                display: inline-block;
                                width: 38px;
                                height: 23px;
                                text-align: center;
                            }
                        }
                    }
                        .zengpin{
                            width: 274px;
                            margin: 0 auto;
                             li:nth-child(1){
                                span:nth-child(1){
                                    color: white;
                                    background: url(../img/vivoicon.png)0 0 no-repeat;
                                    font-size: 12px;
                                    display: inline-block;
                                    width: 38px;
                                    height: 23px;
                                    text-align: center;
                                }
                                img{
                                    display: inline-block;
                                    width: 40px;
                                    height: 40px;
                                    vertical-align: middle;
                                    }
                            }
                       
                        
                        }
                }
                
            }
            .zhichi{
                margin-top: 30px;
                width: 508px;
                margin: 0 auto;
                dl{
                    width: 508px;
                    padding: 10px 0 36px;
                    font-size: 16px;
                    border-bottom: 1px solid #e5e5e5;
                    
                }
            }
        }
        
    }
    .xialu{
        width: 100%;
        margin: 0 auto;
        .xian{
            margin-top: 80px;
            border-bottom:1px solid #999999 ;
        }
        a{
            color: #3a3a3a;
        }
        .xuanxiangka{
            width: 100%;
            font-size: 17px;
            >div{
                display: none;
            }
            .xuanxiangkabox{
                display: block;
                width: 1200px;
                margin: 0 auto;
                text-align: left;
            }
            label{
                line-height: 80px;
                cursor: pointer;
            }
            label:nth-child(1){
                width: 133px;
                display: inline-block;
                text-align: left;
            }
            label:nth-child(2){
                width: 184px;
                display: inline-block;
                text-align: left;
            }
            label:nth-child(3){
                width: 146px;
                display: inline-block;
                text-align: left;
            }
            label:nth-child(4){
                width: 133px;
                display: inline-block;
                text-align: left;
            }
            input:checked+div{
                display: block;
                font-size: 0;
                width: 100%;
            }
            input[type="radio"]{
                display: none;
            }
            >a{ 
                margin-bottom: 20px;               
                float: left;
            }
            a:hover::after{
            content: "";
            display: block;
            width: 50%;
            height: 1px;
            background: #828282;
            margin: 0 auto;
            margin-top: 7px;
            }
            a.xiangxi::after{
                content: "";
                display: block;
                width: 50%;
                height: 1px;
                background: #828282;
                margin: 0 auto;
                margin-top: 7px;
            }
            a:nth-child(2){
                margin-left: 65px;
            }
            a:nth-child(3){
                margin-left: 65px;
            }
            a:nth-child(4){
                margin-left: 65px;
            }            
            div{ 
                width: 100%;
                text-align: center;
                display: none;               
                &:target{
                    display: block;
                }
                img{  
                    width: 100%;                 
                    max-width: 100%;                   
                }
                ul{
                    overflow: hidden;
                }
                li{
                    float: left;
                }
                .cpu{
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 264px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }                
                .neicun{
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 161px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }                
                .rom{   
                    width: 100%;                
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        text-align: left;
                        margin-left: 253px;
                        margin-top: 40px;
                        font-size: 16px;
                        color: #666666;
                    }
                }
                .chicun{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 219px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }  
                .fenbianlv{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 197px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }      
                .houdu{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 220px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }  
                .dianchi{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 265px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }   
                .rongliang{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 264px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }    
                .pinduan{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        line-height: 49px;
                        text-align: left;
                        margin-left: 307px;
                        margin-top: -35px;
                        font-size: 16px;
                        color: #666666;
                    }
                }          
                .lianjie{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        margin-left: 218px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }    
                .gongneng{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        text-align: left;
                        margin-left: 215px;
                        margin-top: 40px;
                        font-size: 16px;
                        color: #666666;
                    }
                }    
                .shexiangtouleixing{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        text-align: left;
                        margin-left: 198px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }     
                .shexiangtou{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        text-align: left;
                        margin-left: 242px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }     
                .shipin{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        text-align: left;
                        margin-left: 219px;
                        margin-top: 43px;
                        font-size: 16px;
                        color: #666666;
                    }
                }  
                .biaopei{
                    clear: both;
                    li:nth-child(1){
                    font-size: 22px;
                    margin-top: 40px;
                    }
                    li:nth-child(2){
                        line-height: 49px;
                        text-align: left;
                        margin-left: 263px;
                        margin-top: 29px;
                        font-size: 16px;
                        color: #666666;
                    }
                }
                .sanshitian{
                    margin-left: 40px;
                    margin-right: 40px;
                    text-align: left;
                    padding-top: 64px;
                    border-bottom: 1px dashed #e5e5e5;
                    padding-bottom: 60px;
                    li{
                        margin-left: 40px;
                        margin-right: 45px;
                    }
                    h3{
                        font-size: 24px;
                        margin-bottom: 24px;
                    }
                    p{
                        font-size: 14px;
                    }                    
                } 
                .tuijifuwu{
                    margin-left: 40px;
                    margin-right: 40px;
                    text-align: left;
                    padding-top: 64px;
                    border-bottom: 1px dashed #e5e5e5;
                    padding-bottom: 60px;
                    max-width: 100%;                   
                    li{
                        margin-left: 40px;
                        margin-right: 45px;
                        height: 150px;
                    }
                    h3{
                        font-size: 24px;
                        margin-bottom: 24px;
                    }
                    p{
                        font-size: 14px;
                    }
                    span{
                        color: #666666;
                        font-size: 14px;
                        text-align: center;
                    }
                }  
                .huanjifuwu{
                    margin-left: 40px;
                    margin-right: 40px;
                    text-align: left;
                    padding-top: 64px;
                    border-bottom: 1px dashed #e5e5e5;
                    padding-bottom: 60px;
                    li{
                        margin-left: 40px;
                        margin-right: 45px;
                    }
                    h3{
                        font-size: 24px;
                        margin-bottom: 24px;
                    }
                    p{
                        font-size: 14px;
                    }                    
                }   
                .sanbao{
                    margin-left: 40px;
                    margin-right: 40px;
                    text-align: left;
                    padding-top: 64px;
                    border-bottom: 1px dashed #e5e5e5;
                    padding-bottom: 60px;
                    li{
                        margin-left: 40px;
                        margin-right: 45px;
                    }
                    h3{
                        font-size: 24px;
                        margin-bottom: 24px;
                    }
                    p{
                        font-size: 14px;
                        a{
                            color: blue;
                        }
                    }                    
                }     
                .fuwudian{
                    margin-left: 40px;
                    margin-right: 40px;
                    text-align: left;
                    padding-top: 64px;
                    border-bottom: 1px dashed #e5e5e5;
                    padding-bottom: 60px;
                    li{
                        margin-left: 40px;
                        margin-right: 45px;
                    }
                    h3{
                        font-size: 24px;
                        margin-bottom: 24px;
                    }
                    p{
                        font-size: 14px;
                        a{
                            color: blue;
                        }
                    }                    
                }        
            }
        }
        
    }
    .dibu{
        padding-top: 250px;
        width: 1349px;
        margin: auto;
        div{
            display: inline-block;
        }
        .baozheng{
            width: 1200px;
            font-size: 0;
            margin: 0 auto;
            display: block;
            h4{
                font-weight: normal;    
                display: inline-block;
            }
            h4:nth-child(1){
                width: 300px;
                text-align: center;
                font-size: 18px;
            }
            h4:nth-child(2){
                width: 300px;
                text-align: center;
                font-size: 18px;
            }
            h4:nth-child(3){
                width: 300px;
                text-align: center;
                font-size: 18px;
            }
            h4:nth-child(4){
                width: 300px;
                text-align: center;
                font-size: 18px;
            }
            .xian{
                border-bottom:1px solid #dedede ;
                margin-top: 50px;
                margin-bottom: 63px;
            }
        }
        .dibubox{
            display: block;
               width: 1200px;
               margin: 0 auto;
               .dibuyi{
                   width: 181px;
                   text-align: left;
                   font-size: 12px;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
                   li:nth-child(6){
                       margin-bottom: 10px;
                   }
               }
               .dibuer{
                   width: 194px;
                   text-align: left;
                   font-size: 12px;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
                   li:nth-child(6){
                       margin-bottom: 10px;
                   }
                   
               }
               .dibusan{
                   width: 206px;
                   text-align: left;
                   font-size: 12px;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
                   li:nth-child(6){
                       margin-bottom: 10px;
                   }
               }
               .dibusi{
                   width: 193px;
                   text-align: left;
                   font-size: 12px;
                   vertical-align: top;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
               }
               .dibuwu{
                   width: 195px;
                   text-align: left;
                   font-size: 12px;
                   vertical-align: top;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
               }
            }
    }
         .lastone{
             clear: both;
             width: 100%;
             background: #FFFFFF;
             margin-top: 3px;
             a{
                 color: #000000;
             }
             .bubugao{
                 font-size: 9px;
             }
             .guanzhu{
                 font-size: 12px;
             }
             .guojiguanwang{
                 font-size: 12px;
             }
             .zuihou{
                 width: 100%;
                 >li{
                     float: left;
                 }
                 li:nth-child(1){
                     margin-left: 16px;
                     margin-top: 36px;
                     margin-bottom: 51px;
                 }
                 li:nth-child(2){
                     margin-left: 60px;
                     margin-top: 36px;
                     margin-bottom: 51px;
                 }
                 li:nth-child(3){
                     margin-left: 23px;
                     margin-top: 30px;
                     margin-bottom: 52px;
                 }
                li:nth-child(4){
                     margin-left: 22px;
                     margin-top: 36px;
                     margin-bottom: 51px;
                 }
             }
             
         }
         
        .youxiajiao{
            position: fixed;
            right: 10px;
            bottom: 115px;
        }
      body{
          height: 9999px;
      }
}
